iT邦幫忙

DAY 1
3

Javascript 邊學邊做 - 三十個網頁小工具系列 第 1

Javascript-30天邊學邊做(1)

  • 分享至 

  • xImage
  •  

Day1-Javascript基礎筆記
Day1 – Javascript 基礎到不行的基礎

剛開學,生活各種忙碌。
一直煩惱30天發文的路線要怎麼走,但愈想反而愈亂,不如先發再慢慢調整吧...

這第一篇文章,先來回憶一下 Javascript 的基本語法和語言基礎,Javascript 的語法大多與C語言相似,有學過C語言的話很好上手。

Javascript 是一種 script language,使用Javascript + HTML DOM,除了讓我們可以在網頁上做出許多不同的特效,也可以讓我們開發出許多基於網頁的應用程式,基於網頁開發的程式幾乎可以讓我們忽略掉不同系統所帶來的差異,達到高度的相容性,在過去,Javascript的使用是為了減少伺服器的負擔,而現在,透過Javascript為使用者帶來更好的網路體驗。

  1. 變數
    Javascript 的變數語法是這樣的: var A = value;
    指定A的值為value,另外也可以使用同樣的方式指定函數function:
    var Afun = function(parameter) { …do something... };

  2. 資料型態
    Javascript 的基礎資料型態有:
    Undefined - 未定義,如沒有給值的變數
    Null - 空,很特殊的型態
    Boolean – true and false
    String – 任何用 ' ' 或 “ “ 包起來的一堆字
    Number – 數字
    Object - 物件

  3. 迴圈
    兩個基本迴圈 for & while

    for loop:
    for (起始值; 執行條件; 增減條件) { do something... }

    while loop:
    while(condition) { do something... }

4.條件
if … else … 條件選擇

if (condition) 
{
do...
}
else
{
do...
}

switch(條件) 多重選擇

switch(cmp)
case a:
case b:
...
default:

今天練習做一個簡易的BMI計算器來複習一下Javascript最基本的語法
[https://mega.co.nz/#!hFxxXKoB!Awk2hWdVaQIxSM9xt-IqYBfyShVo4csBHdWSd_YbrRU
](https://mega.co.nz/#!hFxxXKoB!Awk2hWdVaQIxSM9xt-IqYBfyShVo4csBHdWSd_YbrRU<br />
)


下一篇
Javascript-30天邊學邊做(2)Javascript & HTML DOM 操控簡介
系列文
Javascript 邊學邊做 - 三十個網頁小工具7
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
卡斯
iT邦研究生 1 級 ‧ 2013-09-20 22:34:45

變數

明天會不會停止上班上課也是個變數冷

我要留言

立即登入留言